<!DOCTYPE html>
<html lang="en" xmlns:th = "http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link href="./loading/load.css" rel="stylesheet">
    <link rel="stylesheet" href="css/html.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/ul.css">
    <link rel="stylesheet" href="css/top.css">
    <link rel="stylesheet" href="css/home.css">
    <link rel="stylesheet" href="css/works.css">
    <link rel="stylesheet" href="css/scrollbar.css">
    <link rel="stylesheet" href="css/search.css">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/css/bootstrap.css">
    <link rel="shortcut icon" href="img/starfall.png" type="image/x-icon">
    <title>|</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.js" type="text/javascript"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/js/bootstrap.js" type="text/javascript"></script>
    <script src="js/ppt.js" type="text/javascript"></script>
    <script src="js/click_power.js" type="text/javascript"></script>
    <script src="js/home.js" type="text/javascript"></script>
</head>
<body background="img/bg.png" onload="notice_start()">
    <div class="load">
        <div class="cube">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <script src="./loading/load.js"></script>
<div class="top">
    <div class="starfall">StarFall</div>
    <input type="hidden" th:value="${session.noticeLength}" id="NoticeLength">
    <ul class="notice" id="notice" >
        <li th:each="notice:${session.notices}" th:text="${notice.content}"></li>
    </ul>
    <div class="carousel slide" id="ppt" data-bs-ride="carousel" data-bs-interval="3000" style="left: 0px">
        <div class="idppt_select">
            <img src="./img/top/top1.png" alt="" data-bs-target="#ppt" data-bs-slide-to="0" class="active">
            <img src="./img/top/top2.png" alt="" data-bs-target="#ppt" data-bs-slide-to="1">
            <img src="./img/top/top3.png" alt="" data-bs-target="#ppt" data-bs-slide-to="2">
            <img src="./img/top/top4.png" alt="" data-bs-target="#ppt" data-bs-slide-to="3">
        </div>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img decoding="async" src="./img/top/top1.png" alt="img1" class="d-block pptImage">
            </div>
            <div class="carousel-item">
                <img decoding="async" src="./img/top/top2.png" alt="img2" class="d-block pptImage" >
            </div>
            <div class="carousel-item">
                <img decoding="async" src="./img/top/top3.png" alt="img3" class="d-block pptImage">
            </div>
            <div class="carousel-item">
                <img decoding="async" src="./img/top/top4.png" alt="img4" class="d-block pptImage">
            </div>
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#ppt" data-bs-slide="prev">
            <span class="carousel-control-prev-icon"></span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#ppt" data-bs-slide="next">
            <span class="carousel-control-next-icon"></span>
        </button>
    </div>
</div>
<ul id="ul">
    <div class="minSearch">
        <form action="/topic/search" method="get">
            <div>
                <input type="text" name="search"><button type="submit"></button>
            </div>
        </form>
    </div>
    <li id="ul_li"><a id="ul_home" class="active"><b>首页</b><br><span>home</span></a></li>
    <li id="ul_li"><a id="ul_works" class="ul_border"><b>作品</b><br><span>works</span></a></li>
    <li id="ul_li"><a class="ul_border" href="https://blog.csdn.net/weixin_46396315?type=blog"><b>博客</b><br><span>Blog</span></a></li>
    <li id="ul_li"><a class="ul_border" href="/topic"><b>主题</b><br><span>topic</span></a></li>
    <li id="ul_li" th:if="${ session.user != null && session.user.promise >= 100}"><a class="ul_border" href="/administer/html"><b>管理</b><br><span>admin</span></a></li>
    <div th:if="${session.user} != null" class="user ul_border">
        <img th:src="@{'/head_img/'+${session.user.head}}" alt="" class="head_img">
        <div class="menu">
            <p th:text="${session.user.name}">User</p>
            <div class="exp">
                <input class="expBarValue" type="hidden" th:value="${session.userExp.present}">
                <div class="expBar"></div>
            </div>
            <span class="level"><span th:text="'Lv:'+${session.user.level}">Lv:1</span>&ensp;&ensp;<span th:text="${session.userExp.exp}+'/'+${session.userExp.maxExp}">0/1</span></span>
            <div class="operate">
                <a class="ul_border" href="/set">设置</a>
                <a class="ul_border" href="/signIn">签到</a>
                <a class="ul_border" href="/exit">退出</a>
            </div>
        </div>
        <script src="./js/exp.js"></script>
    </div>
    <div th:if="${session.user} == null" class="unuser ul_border" onclick="window.location.href='/login'">
        <span>请登录，谢谢</span>
        <br><br>
        <span>Login</span>
    </div>
</ul>
<div class="return_top" id="rt"><img src="./img/icon/Rtop.png" alt=""></div>
<div class="mainContent">
    <div class="home" id="home">
        <div class="home_top"></div>
        <div class="home_left"></div>
        <div class="home_right"></div>
        <div class="home_foot"></div>
    </div>
    <div class="works" id="works">
        <div class="works_top"></div>
        <div class="works_left"></div>
        <div class="works_right"></div>
        <div class="works_foot"></div>
        <div class="works_skyblock">
            <div class="skyblock">
                <span>星辰倾城</span><br><span>&nbsp;Skyblock</span>
            </div>
            <div class="skyblock_ins_and_out">
                <span>重大更新</span><br>
                <span :last-child>
                    1.9版本更新换代,插件重整,共53个模组,更加流畅,少报错,启动快,完全启动只需15-20秒[虽然看起来有点慢,可是可以进服了]<br>
                    总体来说这次更新是大更新,加了扩展,不仅只有粘液科技啦！<br>
                    可配置菜单,可方便游玩，有着AuctionHouse插件的支持，让玩家分享自己的物资<br>
                    空岛不够大怎么办,没事，往下延伸，不用担心上不来，有电梯呢！<br>
                    点击下方下载吧！
                    </span>
            </div>
            <div class="skyblock_logo"><a href=""><img src="/img/skyblock.png"></a><br>点logo可下载<br>更新日志</div>
            <a href=""><div class="skyblock_download"><span>前往下载</span></div></a>
        </div>
        <div class="works_bedwars">
            ads
        </div>
    </div>
    <div class="video" id="video">
        <div class="video_top"></div>
        <div class="video_left"></div>
        <div class="video_right"></div>
        <div class="video_foot"></div>
    </div>
</div>
<div class="tail"><p>Star Fall<br>始于2016</p></div>
</body>
<script src="js/html.js" type="text/javascript"></script>
</html>